<script setup>
import Demo from './components/Demo.vue'
//数据绑定
import Ref from './components/Ref.vue'
import Task01 from './components/task/task01.vue'
import ToRef from './components/ToRef.vue'
import ToRefs from './components/ToRefs.vue'
//指令
import VText from './components/VText.vue'
import VBind from './components/VBind.vue'
import task02 from './components/task/task02.vue'
import VOn from './components/VOn.vue'
import VModel from './components/VModel.vue'
import VIF from './components/VIF.vue'
import VSh from './components/VSh.vue'
import Vfor1 from './components/Vfor1.vue'
import Vfor2 from './components/Vfor2.vue'
import task03 from './components/task/task03.vue'
import EventObject from './components/EventObject.vue'
import Events from './components/Events.vue'
import Events02 from './components/Events02.vue'
import Option from './components/Option.vue'
//全局组件
import GobalComponent from './components/GobalComponent.vue'
//局部组件
import ComponentA from './components/ComponentA.vue'
</script>

<template>
	<h2>根组件</h2>
	<GobalComponent></GobalComponent>
	<!-- 引用标签名可以用帕斯卡命名法命名 -->
	<ComponentA></ComponentA>
	<!-- 引用标签名可以用短横线分隔命名，可以多次引用组件 -->
	<component-a></component-a>
	<!-- <Option></Option> -->
	<!-- <Events02></Events02> -->
	<!-- <Events></Events> -->
	<!-- <EventObject></EventObject> -->
	<!-- <task03></task03> -->
	<!-- <Vfor2></Vfor2> -->
	<!-- <Vfor1></Vfor1> -->
	<!-- <VSh></VSh> -->
	<!-- <VIF></VIF> -->
	<!-- <VModel></VModel> -->
	<!-- <VOn></VOn> -->
	<!-- <Task02></Task02> -->
	<!-- <VBind></VBind> -->
	<!-- <VText></VText> -->
<!-- <ToRefs></ToRefs> -->
<!-- <ToRef></ToRef> -->
<!-- <Task01></Task01> -->
<!-- <Ref></Ref> -->
<!-- <Demo></Demo> -->
</template>

<style scoped>

</style>
